
// 注册导出一个图片喧渲染出错的自定义指令
export const imageerror = {
    // 指令对象，会在当前的dom元素插入到节点之后执行
    inserted(dom, options) {
        /*
        options是指令中的变量的解析 其中有个属性叫做value
        dom表示但钱指令的dom对象
        dom认为此时就是图片
        当图片有地址，但是没有加载成功的时候就会触发图片事件=>onerror
        */

        dom.src = dom.src || options.value // 直接如果接口没有图片,给默认值
        dom.onerror = function () {
            /*
              当图片出现异常的时候，会将指令配置的默认图片设置为改图片的内容
              dom可以注册error事件
             */
            dom.src = options.value
        }
    },

    // 自定义指令的componentUpdated钩子能解决值执行一次的,后面页面不生效的问题,这个钩子会在每一次dom刷刷新都调用一次
    componentUpdated(dom, options) {
        dom.src = dom.src || options.value
    }
}